<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
      <h:head>
      
      </h:head>
      <h:body>      	
      <div align="center">
	      	<h:form id="formServicio">
	      		<p:growl showDetail="true" id="mensaje"></p:growl>
	      		<p:commandButton value="Insertar" process="@this	" actionListener="#{servicioMB.insertar}" update="pgriEncabezado"/>
	      		<p:panelGrid columns="2" id="pgriEncabezado" >
	      			<h:outputText value="Fecha" />
	      			<h:outputText value="N. Orden" />
	      			<h:outputText value="#{servicioMB.servicioActual.servFecha}">
	      				<f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss a"/>
	      			</h:outputText>
	      			<h:outputText value="1" />
	      			      		
	      		</p:panelGrid>
	      		<h:inputText value="#{servicioMB.servicioActual.ticciVehiculo.vehiPlaca}" >
	      			<p:ajax listener="#{servicioMB.recuperarVehiculo}" event="valueChange" update="pgriDatosVehiculo mensaje dtbConceptos" ></p:ajax>
	      		</h:inputText>
	      		<p:panelGrid columns="3" id="pgriDatosVehiculo">
	      			<h:outputText value="Modelo" />
	      			<h:outputText value="Marca" />
	      			<h:outputText value="Propietario" />
	      			<h:outputText value="#{servicioMB.servicioActual.ticciVehiculo.vehiModelo}" />
	      			<h:outputText value="#{servicioMB.servicioActual.ticciVehiculo.vehiMarca}" />
	      			<h:outputText value="#{servicioMB.servicioActual.ticciVehiculo.ticciCliente.clieNombre}" />
	      		</p:panelGrid>
	      		
	      		<div style="width: 30%">
	      		
	      		<p:dataTable value  = "#{servicioMB.listaConceptoClasificacion}"
	      					 var    = "conceptoClasificacion"
	      					 id     = "dtbConceptos">
	      					 
	      					 <p:column headerText="">
	      					 
	      					 	<p:selectBooleanCheckbox value="#{conceptoClasificacion.seleccionado}">
	      					 	
	      					 	</p:selectBooleanCheckbox>
	      					 
	      					 </p:column>
	      					 
	      					 <p:column headerText="Concepto">
	      					 
	      					 	<h:outputText value = "#{conceptoClasificacion.ticciConcepto.concNombre}" />
	      					 
	      					 </p:column>
	      					 
	      					 <p:column headerText="Valor">
	      					 
	      					 	<h:outputText value = "#{conceptoClasificacion.coclValor}" >
	      					 	
	      					 		<f:convertNumber maxFractionDigits="0" currencySymbol=""/>
	      					 	
	      					 	</h:outputText>
	      					 
	      					 
	      					 </p:column>
	      					 
	      		</p:dataTable>
	      			 
	      		</div>
	      			      	
	      	</h:form>
      	</div>
      </h:body>



</html>